import { DomUtils } from "../utils/DomUtils";

/**
 * 吾爱破解网页美化
 * 
 * 测试网页：
 * - https://www.52pojie.cn/thread-1836251-1-1.html
 */
export class PoJie52 {

    static hostname = 'www.52pojie.cn';

    main(pathname) {
        // 网站首页不处理
        if (pathname === '/') return;

        DomUtils.hide([
            // 顶部header
            '#toptb', '#hd',
            // 文章路径导航
            '#pt',
            // 发帖按钮
            '#pgt',
            // 左侧边栏
            ...document.querySelectorAll('#postlist td.pls:first-child'),
            // 文章标题左侧的箭头
            '.side_btn',
            // 最佳答案下方的按钮组
            document.querySelector('#p_btn')?.parentElement,
            // 所有的网站提示
            ...document.querySelectorAll('[class*="vw50_kfc"]'),
            // 所有的"回复""举报"按钮
            ...document.querySelectorAll('.po.hin'),
            // 文章中的 免费评分 区域
            ...document.querySelectorAll('h3.psth.xs1'),
            ...document.querySelectorAll('dl[id^="ratelog"]'),
            // 文章底部空白
            '.wp.mtn',
            // 底部发帖按钮
            '.pgs.mtm.mbm.cl',
            // 评论输入框
            '#f_pst',
            // 网站声明
            '.wp.vw50_kfc_f',
            // 页脚
            '#ft',
            // 右侧返回列表悬浮按钮 和 微信按钮
            '.returnlist', '#navmenu',
            // 回答发表日期前方的图标
            ...document.querySelectorAll('.authicn.vm'),
            // 发表日期前方的 "发表于" 三个字
            ...document.querySelectorAll('.poston'),
        ]);
        // 文章宽度
        DomUtils.setCss('#wp', { width: '960px', margin: '20px auto', borderRadius: '10px', overflow: 'hidden' });
        DomUtils.setCss('#postlist', { marginBottom: 0, paddingTop: '10px' });
        // 标题字体放大
        DomUtils.setCss('h1.ts', { fontSize: '24px' });

        DomUtils.setBackground();
    }
}